﻿@model WebSite.Models.Account
@{
    ViewBag.Title = "系统登录";
}

@section Styles {
    <link href="~/Content/css/login.css" rel="stylesheet"/>
}

<el-container>
    <el-main>
        <h1 style="text-align: center; margin: 2% auto;">网站信息管理系统</h1>
        @using (Html.BeginForm())
        {
            <div style="width: 480px; margin: 2% auto; text-align: center; line-height: 40px;">
                <div class="el-card box-card is-always-shadow" style="padding: 25px;">
                    <div>
                        <label for="Mobile" style="float: left;">账 号：</label>
                        <input id="Mobile" name="Mobile" type="text" class="el-input__inner" placeholder="请输入账号" required="required" autocomplete="off" value="18061892425" />
                    </div>
                    <div>
                        <label for="Password" style="float: left;">密 码：</label>
                        <input id="Password" name="Password" type="password" class="el-input__inner" placeholder="请输入密码" required="required" autocomplete="off" />
                    </div>
                    <div>
                        <label for="Code" style="float: left;">验证码：</label><br />
                        <input style="width: 70%; float: left" id="Code" name="Code" type="password" class="el-input__inner" placeholder="请输入验证码" required="required" autocomplete="off" />
                        <img style="width: 20%;" src="/Home/Code" alt="点击重新验证码" />
                    </div>

                    <div style="color: red; width: 100%; text-align: center; margin: 0 auto;">@ViewData["msg"]</div>

                    <div style="margin-top: 15px;">
                        <input class="el-button el-button--primary" type="submit" value="登录" />
                    </div>
                </div>
            </div>
            
        }
    </el-main>
</el-container>


@section Scripts {
    <script src="~/Content/js/login.js"></script>
}